{% extends 'news/base_login.html' %}
{% load static %}
{% block title %}会员充值{% endblock %}
{% block css %}
<link rel="stylesheet" href="{% static 'news/css/recharge.css' %}">
<link rel="stylesheet" href="{% static 'news/css/cropper.min.css' %}">
<link rel="stylesheet" href="{% static 'news/css/ImgCropping.css' %}">
{% endblock %}
{% block content %}
<div style="width:1280px; height:52px; top: 12px; left: 150px; border: 1px solid rgba(96,96,96,0.5); position: relative">
    <div style="display:inline; width:5px; height:50px; background:black; border: 1px solid black; position: absolute"></div>
    <div style="display:inline; top: 23px; left: 17px; background:black; border: 3px solid black; position: absolute"></div>
    <div style="display:inline; top: 15px; left: 28px; position: absolute">支付</div>
</div>
<div id="d2" style="position:relative; left:150px; top:40px;">
    <input type="text" value="支付金额：￥8000.00  原VIP 1级抵扣￥2000" id="i1">
    <h3>选择购买方式</h3>

    <div class="a1" style="margin-left:20px; margin-top:20px;">
    <img src="{% static '/news/images/chongzhi/v1.png' %}" alt=""><span class="s1">￥2000 <br>每个月可免费发 <br>布2条新闻</span>
    </div>
    <div class="a1" style="position:relative; top:-82px; left:230px; margin-left:20px;">
    <img src="{% static '/news/images/chongzhi/v2.png' %}" alt=""><span class="s1">￥5000 <br>每个月可免费发 <br>布5条新闻</span>
    </div>
    <div class="a1" id="activate" style="position:relative; top:-164px; left:460px; margin-left:20px;">
    <img src="{% static '/news/images/chongzhi/v3.png' %}" alt=""><span class="s1">￥10000 <br>每个月可免费发 <br>布10条新闻</span>
    </div>
    <h3 style="position:relative; top:-150px;">选择支付方式</h3>
    <div style="margin:20px 0 0 30px;border:2px black solid; border-radius:10px; width:170px; height:70px; position:relative; top:-150px;">
    <img src="{% static '/news/images/chongzhi/we.png' %}" alt="" style="margin-top:10px;margin-left:10px;" id="checked">
    </div>
    <div style="margin:20px 0 0 30px;border:2px black solid; border-radius:10px; width:170px; height:70px; position:relative; top:-94px; left:210px; position:relative; top:-244px;">
    <img src="{% static '/news/images/chongzhi/zfb.png' %}" alt="" style="margin-top:10px;margin-left:10px; ">
    </div>
    <button type="submit" id="b1">确认支付</button>
</div>
{% endblock %}
{% block js %}

{% endblock %}